<div class="dataTable">
  <div class="title">{{'LogManagement.LogManagement.LogManagement' | translate}}</div>
  <div class="table-content">
    <div class="table-buttons">
      <!-- <div class="table-buttons-left" (click)="refresh()"><i
        class="iconfont icon-refresh1"></i>{{'LogManagement.LogManagement.Refresh' | translate}}</div> -->
      <button class="op-btn" nz-button nzType="primary" (click)="refresh()">
        <i nz-icon nzType="reload" nzTheme="outline"></i>
        {{'LogManagement.LogManagement.Refresh' | translate}}
      </button>
      <!-- <button class="table-buttons-left" (click)="refresh()"><i
        class="iconfont icon-refresh1"></i>{{'LogManagement.LogManagement.Refresh' | translate}}</button> -->

      <div class="table-buttons-right">
        <itmp-toolbar [toolbarList]="toolbarList"></itmp-toolbar>
        <!-- <div class="svg-padding">
          <svg t="1649742572374" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="11428" width="20" height="20">
            <path
              d="M940.373333 203.093333l-116.053333-150.186666c-10.24-11.946667-25.6-18.773333-40.96-18.773334H240.64c-15.36 0-30.72 6.826667-39.253333 18.773334L85.333333 203.093333c-11.946667 15.36-8.533333 35.84 5.12 47.786667 15.36 11.946667 35.84 8.533333 47.786667-5.12L249.173333 102.4h527.36l110.933334 143.36c6.826667 8.533333 15.36 13.653333 27.306666 13.653333 6.826667 0 15.36-1.706667 20.48-6.826666 6.826667-5.12 11.946667-13.653333 11.946667-22.186667 0-11.946667-1.706667-20.48-6.826667-27.306667z"
              fill="#7D85BB" p-id="11429"></path>
            <path
              d="M890.88 194.56H133.12c-37.546667 0-66.56 30.72-66.56 66.56v662.186667c0 37.546667 30.72 66.56 66.56 66.56h757.76c37.546667 0 66.56-30.72 66.56-66.56V261.12c0-37.546667-29.013333-66.56-66.56-66.56z m-163.84 421.546667L535.893333 805.546667c-6.826667 6.826667-15.36 10.24-23.893333 10.24h-5.12-1.706667c-6.826667-1.706667-13.653333-5.12-18.773333-10.24L296.96 616.106667c-13.653333-13.653333-13.653333-34.133333 0-47.786667 13.653333-13.653333 34.133333-13.653333 47.786667 0l133.12 133.12V401.066667c0-18.773333 15.36-34.133333 34.133333-34.133334s34.133333 15.36 34.133333 34.133334v300.373333l133.12-133.12c13.653333-13.653333 34.133333-13.653333 47.786667 0 11.946667 13.653333 11.946667 34.133333 0 47.786667z"
              fill="#7D85BB" p-id="11430"></path>
          </svg>
        </div> -->

      </div>

    </div>
    <nz-table id="nzTable" #basicTable [nzShowPagination]="false" [nzData]="listOfData" style="padding:0.1rem">
      <thead>
        <tr class="dataTitle">
          <th *ngFor="let item of renderHeader" class="listTitle">
            <div class="text-ellipsis">{{'LogManagement.LogManagement.' + item.name | translate}}</div>
            <div class="switch no-print" *ngIf="item.name==='log_Id'">
              <input nz-input placeholder="" [disabled]="true" [(ngModel)]="queryId" (ngModelChange)="filterSearch()" />
            </div>
            <div class="switch no-print" *ngIf="item.name==='userName'">
              <input nz-input placeholder="" [(ngModel)]="queryName" (ngModelChange)="userNameSearch()" />
            </div>
            <div class="switch no-print" *ngIf="item.name==='operationType'">
              <input nz-input placeholder="" [(ngModel)]="queryOpe" (ngModelChange)="operationSearch()" />
            </div>
            <div class="switch no-print" *ngIf="item.name==='methodName'">
              <input nz-input placeholder="" [disabled]="true" [(ngModel)]="queryMethod"
                (ngModelChange)="filterSearch()" />
            </div>
            <div class="switch no-print" *ngIf="item.name==='opsTime'">
              <nz-range-picker style="width: 260px;"
                [nzPlaceHolder]="['EquipmentManagement.EquipmentManagement.Start Time'|translate, 'EquipmentManagement.EquipmentManagement.End Time'|translate]"
                nzSize="default" [(ngModel)]="dateRange" (ngModelChange)="onChange($event)"
                [nzDisabledDate]="disabledDate">
              </nz-range-picker>
            </div>
            <div class="switch no-print" *ngIf="item.name==='parameter'">
              <input nz-input placeholder="" [disabled]="true" [(ngModel)]="queryPar"
                (ngModelChange)="filterSearch()" />
            </div>
          </th>
        </tr>
        <!-- <tr class="dataTitle">
        <th *ngFor="let item of renderHeader" class="listTitle">
          <div>{{'LogManagement.LogManagement.' + item.name | translate}}</div>
          <div class="switch">
            <nz-select style="width: 100px;">
              <nz-option nzLabel="Jack" nzValue="jack"></nz-option>
              <nz-option nzLabel="Lucy" nzValue="lucy"></nz-option>
              <nz-option nzLabel="Tom" nzValue="tom"></nz-option>
            </nz-select>
          </div>
        </th>
      </tr> -->
      </thead>
      <tbody class="dataList">
        <tr *ngFor="let data of basicTable.data;index as i" [class.active]="data.active" (click)="click(i)">
          <td>{{data.logId}}</td>
          <td>{{data.userName}}</td>
          <td>{{data.description}}</td>
          <td>{{data.methodName}}</td>
          <td>{{data.dateTime | date:'yyyy/MM/dd HH:mm'}}</td>
          <td>{{data.parameter}}</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td [attr.colspan]="renderHeader.length+1" style="padding: 10px;">
            <itmp-pagination [totalEle]="pagination.totalEle" [pageSize]="pagination.pageSize"
              [pageNum]="pagination.currentPage" showCountInfo=true [count]="pagination.currentSize"
              (pageNumChange)="onPageChange($event)" (pageSizeChange)="onSizeChange($event)"></itmp-pagination>
          </td>
        </tr>
      </tfoot>
    </nz-table>
  </div>

</div>